<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skylar TV</title>

<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/easypaginate.js"></script>
<script type="text/javascript" src="js/work-slide.js"></script>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="headerBanner"><a href="index.html"><img src="images/skyTV_LOGO-01.png" alt="skylartv" width="205" height="248" /></a></div>
	
    <div id="headerMenu">
		<div class="menu-bar-wrapper">
			<ul class="top-menu-bar ct">
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="index.html" class="menu-item-ln">HOME</a>
					</span>
				</li>
				
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="update.html" class="menu-item-ln">Update</a>
					</span>
				</li>
				<li class="menu-item-list active">
					<span class="menu-bg-wrapper-left active">
					<a href="work.html" class="menu-item-ln active">PROJECT</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="whoishwo.html" class="menu-item-ln">Who's Who</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="contact.html" class="menu-item-ln">Contact</a>
					</span>
				</li>
			</ul>
			<BR class="cb"/>
		</div>
	</div>
  </div>
  <div id="center">
  <div class="content-wrapper">
    <div class="top-content">
	  <div class="top-title-wrap">
		  <div class="top-title-red">
		  	<div class="top-title-name fl">
		  	  <div class="caption-text">VW KODOK BAWA CINTA</div>
		  	</div>
			<div class="top-title-date fl">
			  <div class="date-text">
			    <div class="sm-text">2011, Juny 14</div>
			  </div>
			</div>
			<br class="cb"/>
		  </div>
	  </div>
	  
	  <div class="top-summary-wrap">
	    <div class="top-sumarry-text-wrap fl">
			<div class="top-sumarry-text">
			<p>Seoarang wanita bernama astari adalah gadis pemimpi
yang hobinya bermalas-malasan serta tidak perduli pada kesusahan di rumahnya yang merupakan keluarga besar.
Sejak tamat SMA dia tak lagi melanjutkan kuliah seperti
yang dia impikan. Mila ibunya sebenarnya berharap Astari mencari kerja. Astari semakin tidak betah di rumah, yang pada akhirnya Astari pun keluar rumah untuk menemui teman-temannya dulu yang pergaulannya lumayan high class</p>
<p>Astari malah lebih betah menginap di rumah temannya yang bergaul bagai orang kaya, namun karena tabiatnya yang kurang baik Astari terusir juga dari rumah itu. Astari pun terpakasa menginap di masjid, sambil sok berbaik baik dengan para jamaah perempuan disitu.
Sore itu dia bertemu seorang duda simpatik yang jatuh iba padanya,bernama Tirta. Lalu siapakah tirta itu?apakah dia bersedia menjadi suaminya??</p>
			</div>
		</div>
		<div class="top-sumarry-pict-wrap fr">
			<div class="top-sumarry-pict">
			  <div class="summary-pict-frame">
              	 <a href="kufur.html"><img src="images/vwthumb.jpg" alt="movie-title" width="150" height="212"></a>              </div>
			</div>
		</div>
		<br class="cb"/>
	  </div>
    </div>
	
	<div class="center-split-content">
	  <div class="line-splitter ctmrg">	    
	 </div>
	</div>
	<div class="bottom-content">
	  <!-- @taruh slide disini-->
      <ul id="items">
        <li>
        <div class="mv-poster-tile-wrapper fl">
			<div class="summary-pict-frame vw">
				<a href="#1"><img src="images/vwthumb.jpg" alt="movie-title" width="137" height="182"></a>			</div>
			<div class="mvp-info-wrapper">
<div class="mvp-title">
					<div class="mvp-title-text">
					VW KODOK BAWA CINTA
				</div>
				</div>
				<div class="mvp-date">
					<div class="mvp-date-text">
					to be announced
				  </div>
				</div>
			</div>
		</div>
        </li>
        <li>
        <div class="mv-poster-tile-wrapper  fl">
			<div class="summary-pict-frame">
				<a href="#2"><img src="images/btwpostr.jpg" alt="movie-title" width="137" height="182"></a>
			</div>
			<div class="mvp-info-wrapper">
<div class="mvp-title">
					<div class="mvp-title-text">
					BETAWI HILLS
					</div>
				</div>
				<div class="mvp-date">
					<div class="mvp-date-text">
					to be announced
				  </div>
				</div>
			</div>
		</div>
        </li>
        <li>
        <div class="mv-poster-tile-wrapper fl">
			<div class="summary-pict-frame">
				<a href="#3"><img src="images/kufur-poster.jpg" alt="movie-title" width="137" height="182"></a>			</div>
			<div class="mvp-info-wrapper">
				<div class="mvp-title">
					<div class="mvp-title-text">
					KUFUR BERSUAMI MULIA
				</div>
				</div>
				<div class="mvp-date">
					<div class="mvp-date-text">
					2011, Juni 14 (RCTI)
				  </div>
				</div>
			</div>
		</div>
        </li>
        <li>
        <div class="mv-poster-tile-wrapper  fl">
			<div class="summary-pict-frame">
				<a href="#4"><img src="images/btwpostr.jpg" alt="movie-title" width="137" height="182"></a>			</div>
			<div class="mvp-info-wrapper">
<div class="mvp-title">
					<div class="mvp-title-text">
					BETAWI HILLS
					</div>
				</div>
				<div class="mvp-date">
					<div class="mvp-date-text">
					to be announced
				  </div>
				</div>
			</div>
		</div>
        </li>
        <li>
        <div class="mv-poster-tile-wrapper fl">
			<div class="summary-pict-frame">
				<a href="#5"><img src="images/kufur-poster.jpg" alt="movie-title" width="137" height="182"></a>
			</div>
			<div class="mvp-info-wrapper">
				<div class="mvp-title">
					<div class="mvp-title-text">
					KUFUR BERSUAMI MULIA
				</div>
				</div>
				<div class="mvp-date">
					<div class="mvp-date-text">
					2011, Juni 14 (RCTI)
				  </div>
				</div>
			</div>
		</div>
        </li>
        <li>
        <div class="mv-poster-tile-wrapper fl">
                                        <div class="summary-pict-frame">
                                                <a href="#6"><img src="images/kjamnya-anak-kndung.jpg" alt="movie-title" width="138" height="182"></a>
                                        </div>
                                        <div class="mvp-info-wrapper">
                                                <div class="mvp-title">
                                                        <div class="mvp-title-text">
                                                        KEJAMNYA ANAK KANDUNG
                                                        </div>
                                                </div>
                                                <div class="mvp-date">
                                                        <div class="mvp-date-text">
                                                        2011, Juni 14 (RCTI)
                                                        </div>
                                                </div>
                                        </div>
                                </div>
        </li>
        
        
    </ul>
      <!-- -->
		</div>
  </div>
  </div>
  
  	<div id="wb_Image5" style="position:absolute; left:0px; top:1125px; width:769px; height:82px; z-index:11; padding:0;">
<img src="images/footer.jpg" id="Image5" alt="" border="0" style="width:769px;height:82px;"></div>
  
  <div id="wb_Text4" style="position:absolute; left:34px; top:1170px; width:306px; height:16px; z-index:13;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;">Copyright </span><span style="color:#4B4B4B;font-family:Arial;font-size:13px;">&#169; </span><span style="color:#4B4B4B;font-family:Arial;font-size:11px;">2012. All Right Reserved. Designed by S.W.A.T</span></div>

<div id="wb_Text3" style="position:absolute; left:432px; top:1169px; width:174px; height:28px; z-index:12;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;"><strong>Skylar Television</strong> is a member of:</span></div>

<div id="wb_Image12" style="position:absolute; left:592px; top:1129px; width:194px; height:88px; z-index:14; padding:0;">
<a href="http://www.stro-world.com" target="_blank"><img src="images/swlogo.png" id="Image12" alt="" border="0" style="width:194px;height:88px;"></a></div>
  
</div>
</body>
</html>

<style type="text/css">
/* content */
		
	ul#items{		
		margin:0;
		height:300px;
		width:auto;
		overflow:hidden;
		}
	ul#items li{
		list-style:none;
		padding:.5em;
		float:left;
		width:140px;
		height:220px;
		overflow:hidden;
		margin: 0;
    padding: 0.5em;
    width: 200px;
		
	
		text-align:center;
		}
	ol#pagination{overflow:hidden;}
	ol#pagination li{
		float:left;
		list-style:none;
		cursor:pointer;
		0 0 0 0.1em;
		}
	ol#pagination li.current{color:#f00;font-weight:bold;}
	
/* // content */

.bottom-content{height: 400px;padding: 10px 0 0 35px;}
.mrg-ctr{ margin:0 10px}
.bottom-content ol#pagination{float:right;margin:0 80px 0 100px}
.bottom-content ol#pagination li{width: 20px;height: 18px;}
.bottom-content ol#pagination li.current{color:#FF0000;background: url(images/mv-slider-full.png) no-repeat center center;}
.bottom-content ol#pagination li{color:#FF0000;background: url(images/mv-slider-half.png) no-repeat center center;}
</style>
